<!DOCTYPE html>
<html lang="zh-cmn-Hans">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title>解决方案详情</title>
		<link rel="stylesheet" type="text/css" href="./public/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="./public/css/base.css">
		<!-- 商城css -->
		<link rel="stylesheet" type="text/css" href="./public/css/shop.css">
		<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4460298_7fapox589pa.css">
		<script src="./public/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./public/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- 吸顶js -->
		<script src="./public/js/nav.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<!-- 导航 -->
			<div class="nav">
				<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom fixed-top" style="padding: 10px 0;">
					<div class="container-fluid container">
						<div class="container-left d-flex">
							<a href="./index.html">
							  <img src="./public/images/supply/icon.png" class="logo-img">
							</a>
							<a href="./shop.html">数智员工商城</a>
							<a href="./solution.html">行业解决方案</a>
							<a href="./about.html">关于我们</a>
						</div>
						<div class="container-right d-flex align-items-center">
							<a href="">买家中心</a>
							<a href="">服务商中心</a>
							<div class="login-btn">登录</div>
							<div class="register-btn">注册</div>
						</div>
					</div>
				</nav>
			</div>

			<div class="container pb50">
				<!-- 面包屑导航 -->
				<nav aria-label="breadcrumb">
					<ol class="breadcrumb">
						<li class="breadcrumb-item"><a href="#">行业解决方案</a></li>
						<li class="breadcrumb-item"><a href="#">金融</a></li>
						<li class="breadcrumb-item active" aria-current="page">金融证券行业解决方案</li>
					</ol>
				</nav>

				<!-- 商品展示 -->
				<div class="shopInfo solutiondetail">
					<img src="public/images/img.png" alt="...">
					<div class="shopdetail">
						<p class="title">金融证券行业解决问题</p>
						<p class="context">业务场景多存在于财务部门拥有多家网银Ukey钥匙，需进行大量的切换网银系统并进行银行回单的下载工作。</p>

						<div class="buy">
							<p>交付方式：私有化服务</p>
							<p>可售范围：全国</p>
							<div class="buybtn">
								<p>咨询顾问</p>
							</div>
						</div>

					</div>
				</div>

				<!-- 商品详情介绍 -->
				<div class="nav-height" id="navHeight">
					<nav class="nav-wrap" id="nav-wrap">
						<div class="nav-mobile">Click</div>
						<ul class="clearfix container">
							<li><a class="active" href="#section1">方案介绍</a></li>
							<li><a class="" href="#section2">方案价值</a></li>
							<li><a class="" href="#section3">客户案例</a></li>
						</ul>
					</nav>
				</div>
				<div id="section1" class="section-content">
					方案介绍
				</div>
				<div id="section2" class="section-content">
					方案价值
				</div>
				<div id="section3" class="section-content">
					客户案例
				</div>

			</div>
			<!-- 底部 -->
			<footer class="f">
				<div class="container">
					<div class="foot">
						<div class="footleft">
							<p class="logo-img-foot"><img src="./public/images/supply/icon.png">企智云</p>
							<div>
								<p class="p1">联系我们</p>
								<p class="p2">技术支持：ywjk@hongkingsystem.cn</p>
								<p class="p2">赛事咨询：competition@pkucxpl.com</p>
								<p class="p3">© 2023 中国计算机学会-计算经济学专业组 CCF-TCCE</p>
							</div>
						</div>
						<div class="footright">
							<div class="block">
								<p class="title">导航</p>
								<div>
									<a href="">博金量化模型挑战赛</a>
									<a href="">博金大模型挑战赛</a>
									<a href="">只能税收挑战赛</a>
								</div>
							</div>
							<div class="block">
								<p class="title">主题赛事</p>
								<div>
									<a href="">比赛动态</a>
									<a href="">比赛社区</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</footer>
			
		</div>

		<script>
			//内容信息导航吸顶
			$(document).ready(function() {
				var navHeight = $("#navHeight").offset().top;
				var navFix = $("#nav-wrap");
				$(window).scroll(function() {
					if ($(this).scrollTop() > navHeight-64) {
						navFix.addClass("navFix");
					} else {
						navFix.removeClass("navFix");
					}
				})
			})
			//内容信息导航锚点
			$('.nav-wrap').navScroll({
				mobileDropdown: true,
				mobileBreakpoint: 768,
				scrollSpy: true
			});

			$('.click-me').navScroll({
				navHeight: 0
			});

			$('.nav-wrap').on('click', '.nav-mobile', function(e) {
				e.preventDefault();
				$('.nav-wrap ul').slideToggle('fast');
			});
		</script>
	</body>
</html>